<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<input type="button" value="点我" onclick="clickme()"/>
</body>
<script type="text/javascript">
	function clickme(){
		//创建核心对象
		xmlhttp=null;
		if (window.XMLHttpRequest){// code for Firefox, Opera, IE7, etc.
		  xmlhttp=new XMLHttpRequest();
		}
		else if (window.ActiveXObject){// code for IE6, IE5
		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}

		//编写回调函数
		/*
		readyState核心类对象状态
			0创建
			1open方法
			2send方法
			3部分响应（没有意义）
			4完成响应
		status(小写):状态码，正常是200
		responseText打印响应的文本信息 
		*/
		xmlhttp.onreadystatechange=function(){
			//alert("123");
			//alert(xmlhttp.readyState);    //显示的是124
			if(xmlhttp.readyState==4 && xmlhttp.status==200){
				//alert('ok');
				
				//打印响应的文本信息
				alert(xmlhttp.responseText);
			}
		}
		
		//用open的方法，设置方法和路径
		xmlhttp.open("get","${pageContext.request.contextPath}/ajax1");
		
		//用send的方法
		xmlhttp.send();
	} 
</script>
</html>